<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Hello World</title>
    <script type="application/javascript" src="${pageContext.request.contextPath}/js/jquery-3.6.0.js"></script>
    <script type="application/javascript">
        $(document){
            $("#btn").click(function (){
                let  param={
                    name:"张三",
                    age:22
                }
               $.ajax({
                   type:"post",
                   url:"${pageContext.request.contextPath}/tree.action",
                   data:param,
                   success:function (res){
                       document.getElementById("divDemo").textContent=res.name

                   },
                   error:function (xhr,status,error){
                       console.log("错误码"+status.code+"错误信息"+error)
                   }
               })
            })

        })



    </script>
</head>
<body>

    <div>
        ${pageContext.request.contextPath}
    </div>

<table border="1">
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>性别</th>
    </tr>
    <c:forEach var="user" items="${userList}" varStatus="status">
    <tr>
        <td>${status.count}</td>
        <td>${user.username}</td>
        <td>${user.gender}</td>
    </tr>
    </c:forEach>
</table>
    <div id="divDemo">

    </div>
    <input type="button" value="测试" id="btn"/>
</body>
</html>